.input {
	input {
		width: 100%;
		outline: none;
		border: none;
		background: transparent;
		text-align: center;
		white-space: wrap;
		line-height: 16px;
		padding: 0;
		font-family: initial;
		font-size: var(--font-size) !important;
		margin: 0;
	}
}
.card {
	height: 100%;
	overflow-y: auto;
}
ul {
	height: 100%;
	overflow-y: auto;
	display: grid;
	padding: 0 8px;
	margin: 0 !important;
	gap: 4px;
	grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
	grid-auto-rows: min-content;
	place-content: start;
	li {
		text-align: center;
		border-radius: var(--radius);
		border: 1px solid transparent;
		overflow: hidden;
		&:hover {
			background-color: var(--hover-bg);
			cursor: pointer;
		}
	}
	.folder-title {
		white-space: wrap;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2; //需要裁剪的行数
		-webkit-box-orient: vertical;
		overflow: hidden;
		line-height: 16px;
		width: 100%;
	}
	.active {
		background: var(--active-bg) !important;
	}
}

:deep(.ant-card) {
	box-shadow: none;
}
